<#assign basePath=site.url>
<#include "header.html">
<style type="text/css">
body {
	font-family: Arial, "宋体";
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	background-image: url("${basePath}img/bgg.jpg");
	font-size: 13px;
}

.headdiv {
	background-image: url("${basePath}img/shuhua_bg_02.png");
	border-bottom-color: #60605f;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-color: #60605f;
	border-top-width: 2px;
	border-top-style: solid;
}

.headdiv {
	background-image: url("${basePath}img/shuhua_bg_02.png");
	border-top-color: #60605f;
	border-top-width: 2px;
	border-top-style: solid;
	border-bottom-color: #919190;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.head {
	background-image: url("${basePath}img/shuhua_biaoti00.png");
	background-repeat: no-repeat;
	font-size: 13px;
	color: white;
	width: 92px;
	height: 23px;
	padding-left: 18px;
	padding-top: 5px;
	float: left;
	margin-top: 2px;
}

.headmore {
	background-image: url("${basePath}img/shuhua_more_00.png");
	background-repeat: no-repeat;
	font-size: 12px;
	color: white;
	width: 42px;
	height: 23px;
	padding-left: 6px;
	padding-top: 6px;
	float: right;
	margin-top:2px;
}

.nav {
	margin: 0px;
	margin-top: -3px;
	padding: 0px;
	width: 940px;
	height: 99px;
	clear: both;
	background-image: url("${basePath}img/shuhua_bg_00.png");
	background-repeat: no-repeat;
	padding: 0px;
}

.none {
	margin: 0px;
	padding: 0px;
	background-color: red;
}

.nav li {
	float: left;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.content {
	background-image: url("${basePath}img/shuhua_bg_00.png");
	width: 906px;
	padding-left: 17px;
	padding-right: 17px;
	position: static;
}

.content1 {
	width: 611px;
	height: 651px;
	float: left;
	background-image: inherit;
}

.content1_1 {
	width: 611px;
	height: 372px;
	float: left;
	background-image: url("${basePath}img/di02.jpg");
}

.content1_2 {
	width: 302px;
	float: left;
	background-image: url("${basePath}img/di02.jpg");
	margin-top: 10px;
	height: 260px;
}

.content1_3 {
	margin-left: 5px;
	margin-top: 10px;
	width: 302px;
	height: 260px;
	float: left;
	background-image: url("${basePath}img/di02.jpg");
}

.content1content {
	background-image: url("${basePath}img/di02.jpg");
	height: 453px;
	clear: both;
	padding-top: 0px;
	font-size: 11px;
}

.border-tb {
	border-top-color: #bcbd9d;
	border-top-style: solid;
	border-top-width: 2px;
	border-bottom-color: #bcbd9d;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}

.borderdiv {
	background-color: #bcbd9d;
	height: 2px;
}

.aa {
	opacity: 0.10;
	-moz-opacity: 0.10;
	filter: alpha(opacity = 10);
	background: #1d1e22;
}

.content1content ul {
	color: #000000;
	font-size: 13px;
	margin: 0px;
}

.spanleft {
	float: left;
}

.spanright {
	float: right;
}

.content2 {
	width: 278px;
	height: 495px;
	float: left;
	background-image: inherit;
	margin-left: 17px;
}

.content2_1 {
	margin-top: 20px;
	clear: both;
	position: relative;
}

.content2_1_content {
	background-image: url("${basePath}img/di02.jpg");
	height: 288px;
}

.content2_2 {
	clear: both;
	position: relative;
	margin-top: 5px;
}

.content2_2_content {
	background-image: url("${basePath}img/di02.jpg");
	height: 122px;
}

.content2_3 {
	margin-top: 5px;
	clear: both;
	position: relative;
}

.content2_3_content {
	background-image: url("${basePath}img/di02.jpg");
	height: 113px;
}

.content2content1 span {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 180px;
	height: 100px;
}

.center {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	clear: both;
	text-align: center;
}

.hezuo {
	margin-top: 0px;
	clear: both;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 906px;
}

.hezuohead {
	background-image: url("${basePath}img/hezuobg.jpg");
	background-repeat: no-repeat;
	height: 29px;
	width: 906px;
}

.hezuoheadtext1 {
	color: white;
	float: left;
	margin-left: 25px;
	margin-top: 5px;
	font-size: 13px;
}

.hezuocentent {
	background-image: url("${basePath}img/di02.jpg");
	clear: both;
	height: 83px;
	width: 924px;
	padding-top: 15px;
}

.nav {
	margin: 0px;
	margin-top: -3px;
	padding: 0px;
	width: 940px;
	height: 99px;
	clear: both;
	background-image: url("${basePath}img/nav02.png");
	background-repeat: no-repeat;
	padding: 0px;
}

.none {
	margin: 0px;
	padding: 0px;
	background-color: red;
}

.nav li {
	float: left;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.nav1 {
	margin-left: 43px;
}

img {
	border: none;
	display: inline-block;
}

ul {
	margin-left: 5px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}

ul li {
	list-style: none;
	clear: both;
	padding: 2px;
}

.foot {
	background-image: url("${basePath}img/foot_bg.jpg");
	width: 940px;
	height: 116px;
	margin-left: 0px;
}

.bg2 {
	background-image: url("${basePath}img/select.png");
}
.unselect {
	background-image: url("${basePath}img/unselect.png");
}

.ps {
	background-image: url("${basePath}img/paimai_ps.png");
}
</style>
<link href="${basePath}css/site.css" rel="stylesheet" type="text/css" />
</head>
<body>
	<#include "../include/headimg.html"> 
	<#include "nav_书架.html">
	<div class="content" >
	
	<div style="background-color: #2e2e2e;height: 2px;width: 906px;"></div>
	
         <@cms_content_page count='5' orderBy='4' channelId="42" channelOption='1' dateFormat='yyyy-MM-dd'>
        <#list tag_pagination.list as a>
        <div >
            
            <#if a_index%2==0>
             <a href="${a.url}" title="${a.title}" >
             
             <div style="padding-left: 25px;padding-top: 15px;padding-bottom: 15px;margin-top: 15px;" class="unselect">
             <img src="${a.typeImg!site.defImg}" style="height: 230px;width: 240px;float: left;margin-right: 15px;"/>
              
              <div style="float: left;margin: 18px;">
				  <div style="text-align: left;font-size: 18px;width:500px;">  <@text_cut s=a.title len=12 /></div>
				  <div style="text-align: left;font-size: 16px;line-height: 40px;margin-top: 20px;">
				  陈联高 编著/2013-9-12/西安宝亿电子出版社<br>
				  </div>
				</div>
				<div class="clear"></div>
             </div>
          
            </a>
            <p>
            <#else>
            <a href="${a.url}" title="${a.title}" >
            <div class="bg2 " style="padding-left: 25px;padding-top: 15px;padding-bottom: 15px;">
             <img src="${basePath}img/demo1.jpg" style="height: 230px;width: 240px;float: left;margin-right: 15px;"/>
              
              <div style="float: left;margin: 18px;">
				  <div style="text-align: left;font-size: 18px;width:500px;">  <@text_cut s=a.title len=12 /></div>
				  <div style="text-align: left;font-size: 16px;line-height: 40px;margin-top: 20px;">
				  陈联高 编著/2013-9-12/西安宝亿电子出版社<br>
				  </div>
				</div>
				<div class="clear"></div>
             </div>
            </a>
          </#if>
        </div>
        </#list>
        <div style="clear:both;"></div>
        <div class="pagesite"><@cms_pagination sysPage='1'/></div>
        </@cms_content_page>	
	</div>
	<div class="clear"></div>
 <#include "foot.html">

</body>
</html>